<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>兆华</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/main.css">
    <script>
        var iScale = 1;
        iScale = iScale / window.devicePixelRatio;
        document.write('<meta name="viewport" content="width=device-width,user-scalable=no,' +
                'initial-scale=' + iScale + ',minimum-scale=' + iScale + ',maximum-scale=' + iScale + '">');
    </script>
    <style>
        a{color: #333}
    </style>
</head>
<body>

<div class="header">
    <div class="back">
        <a href="javascript:history.back()">
            <img src="img/back.png" alt="">
        </a>
    </div>
    <p class="h-title">兆华产品</p>
</div>
<div class="banner-z1">

</div>
<div class="banner-1">

    <div class="con-1 con-guan">
        <div class="guan-li">
            <a href="1x.html">
            <img src="img/1.jpg" alt="">
            <p>半透明螺纹方管</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="2x.html">
            <img src="img/2.jpg" alt="">
            <p>半透明扁管</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="3x.html">
            <img src="img/3.jpg" alt="">
            <p>高透明扁管</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="4x.html">
            <img src="img/8.jpg" alt="">
            <p>黑色螺纹旋伸缩管</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="5x.html">
            <img src="img/5.jpg" alt="">
            <p>高透明水晶扁管</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="q1x.html">
                <img src="img/7.jpg" alt="">
                <p>伸缩盒</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="q2x.html">
                <img src="img/4.jpg" alt="">
                <p>螺纹方盒十只外包装</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="q3x.html">
                <img src="img/9.jpg" alt="">
                <p>微小径刀包装盒</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="q4x.html">
                <img src="img/10.jpg" alt="">
                <p>硬质合金刀片盒</p>
            </a>
        </div>
        <div class="guan-li">
            <a href="q5x.html">
                <img src="img/q5.png" alt="">
                <p>透明PVC保护管</p>
            </a>
        </div>
    </div>
</div>








<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/style.js"></script>
<script>
    $(function(){

        //动态更新fontsize
        var width = $(document).width();
        var size = width/16;
        console.log(size);
        $('html').css('fontSize',size+'px');

    })
</script>
</body>
</html>